<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
  <meta charset="UTF-8">
  <title>^^title-楼盘管理-添加</title>
  <meta http-equiv="X-UA-Compatible" content="IE=Edge" />

  <link rel="stylesheet" href="^^static_url/css/vendor.css">
  <link rel="stylesheet" href="^^static_url/css/1m2.css">
</head>
<body>
  @@include('header.html')
  @@include('menu.html')
  <div class="content-wrap">
    <ol class="breadcrumb _white">
      <li><a href="./index.html">楼盘列表</a></li>
      <li class="active">添加楼盘</li>
    </ol>
    <div class="detail-title">
      <div class="detail-title-text">新建楼盘</div>
    </div>
    <div class="content">
      <form class="form form-horizontal inner-form" id='form'>
        <div ref="map-preivew" v-show='isMap' style="position: fixed;width: 600px;height: 500px;top: 100px;right: 40px;z-index: 99999;display: none;"></div>
        <div class="oneMachine-preview">
          <div class="oneMachine-header"></div>
          <div class="oneMachine-content"></div>
          <div class="oneMachine-body"></div>
        </div>
        <div class="form-group form-group-required">
          <label for="dId" class="col-xs-24 col-sm-^^gutter-name control-label">开发商名称</label>
          <div class="col-xs-24 col-sm-^^gutter-value">
            <select class="form-control" autofocus="off" id="dId" v-model="dId" name="dId" :disabled="isLock" autocomplete="off">
              <option value=''>请选择</option>
              <option v-for="developer in developerList" :value="developer.idStr" v-if="developer.enterInfo && developer.enterInfo.enterpriseName">
                {{ developer.enterInfo.enterpriseName }}
              </option>
            </select>
          </div>
        </div>
        <div class="form-group form-group-required">
          <label for="propertyName" class="col-xs-24 col-sm-^^gutter-name control-label">楼盘名称</label>
          <div class="col-xs-24 col-sm-^^gutter-value">
            <input type="text" v-model="propertyName" class="form-control" name="propertyName" :disabled="isLock" :readonly="dId === ''" autocomplete="off">
          </div>
        </div>
        <div class="form-group form-group-required">
          <label for="province" class="col-xs-24 col-sm-^^gutter-name control-label">省市</label>
          <div class="col-xs-24 col-sm-^^gutter-value">
            <div class="row">
              <div class="col-sm-12">
                <select class="form-control" autofocus="off" v-model="province" name="province" :disabled="isLock" autocomplete="off">
                  <option value=''>请选择</option>
                  <option v-for="province in provinceList" :value="province.id">
                    {{ province.name }}
                  </option>
                </select>
              </div>
              <div class="col-sm-12">
                <select class="form-control" autofocus="off" v-model="city" name="city" :disabled="isLock" autocomplete="off">
                  <option value=''>请选择</option>
                  <option v-for="city in cityList" :value="city.id" :disabled="isLock">
                    {{ city.name }}
                  </option>
                </select>
              </div>
            </div>
          </div>
        </div>
        <div class="form-group form-group-required pr">
          <label for="propertyAddress" class="col-xs-24 col-sm-^^gutter-name control-label">楼盘地址</label>
          <div class="col-xs-24 col-sm-^^gutter-value">
            <textarea class="form-control" rows="3" v-model="propertyAddress" name="propertyAddress" :disabled="isLock" autocomplete="off"></textarea>
          </div>
          <button @click="isMap = !isMap" type="button" class="btn btn-default" style="position: absolute;top: 0;right: -40px;font-size: 16px;" :disabled="isLock"><span class="iconfont icon-quyuguanli"></span></button>
        </div>
        <div class="form-group">
          <label for="propertyArea" class="col-xs-24 col-sm-^^gutter-name control-label">区域</label>
          <div class="col-xs-24 col-sm-^^gutter-value">
            <input type="text" v-model="propertyArea" class="form-control" name="propertyArea" :disabled="isLock">
          </div>
        </div>
        <div class="form-group form-group-required">
          <label for="longitude" class="col-xs-24 col-sm-^^gutter-name control-label">经度</label>
          <div class="col-xs-24 col-sm-^^gutter-value">
            <input type="text" v-model="longitude" class="form-control" name="longitude" :disabled="isLock" autocomplete="off">
          </div>
        </div>
        <div class="form-group form-group-required">
          <label for="latitude" class="col-xs-24 col-sm-^^gutter-name control-label">纬度</label>
          <div class="col-xs-24 col-sm-^^gutter-value">
            <input type="text" v-model="latitude" class="form-control" name="latitude" :disabled="isLock" autocomplete="off">
          </div>
        </div>
        <div class="form-group form-group-required">
          <label for="picName" class="col-xs-24 col-sm-^^gutter-name control-label">负责人</label>
          <div class="col-xs-24 col-sm-^^gutter-value">
            <input type="text" v-model="picName" class="form-control" name="picName" :disabled="isLock" autocomplete="off">
          </div>
        </div>
        <div class="form-group form-group-required">
          <label for="picMobile" class="col-xs-24 col-sm-^^gutter-name control-label">联系方式</label>
          <div class="col-xs-24 col-sm-^^gutter-value">
            <input type="text" v-model="picMobile" class="form-control" name="picMobile" :disabled="isLock" autocomplete="off">
          </div>
        </div>
        <div class="form-group">
          <label for="salePhone" class="col-xs-24 col-sm-^^gutter-name control-label">售房电话</label>
          <div class="col-xs-24 col-sm-^^gutter-value">
            <input type="text" v-model="salePhone" class="form-control" name="salePhone" :disabled="isLock" autocomplete="off">
          </div>
          <div class="popover right">
            <div class="arrow"></div>
            <div class="popover-content">多个电话用英文逗号隔开，例：023-8888888,023-6666666</div>
          </div>
        </div>
        <div class="form-group form-group-required">
          <label for="openQuotationTime" class="col-xs-24 col-sm-^^gutter-name control-label">开盘时间</label>
          <div class="col-xs-24 col-sm-^^gutter-value">
            <input type="text" v-model="openQuotationTime" class="form-control _pure" name="openQuotationTime" :disabled="isLock" autocomplete="off" readonly="true" ref='time'>
          </div>
        </div>
        <div class="form-group form-group-required">
          <label for="serviceType" class="col-xs-24 col-sm-^^gutter-name control-label">服务类型</label>
          <div class="col-xs-24 col-sm-^^gutter-value">
            <select class="form-control" autofocus="off" @change="getOtherServiceTypeList(serviceType)" v-model="serviceType" name="serviceType" :disabled="isLock" autocomplete="off">
              <option value=''>请选择</option>
              <option v-for="(serviceType, key) in serviceTypeList" :value="key">
                {{ serviceType }}
              </option>
            </select>
          </div>
        </div>
        <div v-if="serviceType==='xf'" class="form-group form-group-required">
          <label class="col-xs-24 col-sm-^^gutter-name control-label">是否显示认购协议</label>
          <div class="col-xs-24 col-sm-^^gutter-value">
            <div class="btn-group">
              <button type="button" class="btn" :class="(agreement - 0) === 1 ? 'btn-primary' : 'btn-default'"
                      :disabled="isLock" @click="agreement = 1">是
              </button>
              <button type="button" class="btn" :class="(agreement - 0) !== 1 ? 'btn-primary' : 'btn-default'"
                      :disabled="isLock" @click="agreement = 0">否
              </button>
            </div>
          </div>
        </div>
        <div v-if="serviceType !== ''" class="form-group">
          <label class="col-xs-24 col-sm-^^gutter-name control-label">其它服务类型</label>
          <div class="col-xs-24 col-sm-^^gutter-value">
            <div class="checkbox" v-for="(otherService, key) in otherServiceTypeList">
              <label>
                <input type="checkbox" :value="key" v-model="otherServiceType" name="otherServiceType" :disabled="isLock">
                {{ otherService }}
              </label>
            </div>
          </div>
        </div>
        <div class="form-group form-group-required">
          <label class="col-xs-24 col-sm-^^gutter-name control-label">渠道配置</label>
          <div class="col-xs-24 col-sm-^^gutter-value">
            <div class="checkbox" v-for="channelItem in channelList">
              <label>
                <input type="checkbox" :value="channelItem.channelCode" v-model="channel" name="channel" :disabled="isLock">
                {{ channelItem.channelName }}
              </label>
            </div>
          </div>
        </div>
        <div class="form-group form-group-required">
          <label for="" class="col-xs-24 col-sm-^^gutter-name control-label">全民经纪人可见</label>
          <div class="col-xs-24 col-sm-^^gutter-value">
            <div class="btn-group">
              <button type="button" class="btn" :class="(broker - 0) === 1 ? 'btn-primary' : 'btn-default'" :disabled="isLock" @click="broker = 1">是</button>
              <button type="button" class="btn" :class="(broker - 0) !== 1 ? 'btn-primary' : 'btn-default'" :disabled="isLock" @click="broker = 0">否</button>
            </div>
          </div>
        </div>
        <div class="form-group form-group-required">
          <label class="col-xs-24 col-sm-^^gutter-name control-label">显示楼盘名称</label>
          <div class="col-xs-24 col-sm-^^gutter-value">
            <div class="btn-group">
              <button type="button" class="btn" :class="(isShowName - 0) === 1 ? 'btn-primary' : 'btn-default'" :disabled="isLock" @click="isShowName = 1">是</button>
              <button type="button" class="btn" :class="(isShowName - 0) !== 1 ? 'btn-primary' : 'btn-default'" :disabled="isLock" @click="isShowName = 0">否</button>
            </div>
          </div>
        </div>
        <div class="form-group form-group-required">
          <label class="col-xs-24 col-sm-^^gutter-name control-label">终端显示银行相关信息</label>
          <div class="col-xs-24 col-sm-^^gutter-value">
            <div class="btn-group">
              <button type="button" class="btn" :class="(showBankInfo - 0) === 1 ? 'btn-primary' : 'btn-default'" :disabled="isLock" @click="showBankInfo = 1">是</button>
              <button type="button" class="btn" :class="(showBankInfo - 0) !== 1 ? 'btn-primary' : 'btn-default'" :disabled="isLock" @click="showBankInfo = 0">否</button>
            </div>
          </div>
        </div>
      <!--  <div class="form-group form-group-required">
          <label class="col-xs-24 col-sm-^^gutter-name control-label">显示征信查询</label>
          <div class="col-xs-24 col-sm-^^gutter-value">
            <div class="btn-group">
              <button type="button" class="btn" :class="(isCheckZxbg - 0) === 1 ? 'btn-primary' : 'btn-default'" :disabled="isLock" @click="isCheckZxbg = 1">是</button>
              <button type="button" class="btn" :class="(isCheckZxbg - 0) !== 1 ? 'btn-primary' : 'btn-default'" :disabled="isLock" @click="isCheckZxbg = 0">否</button>
            </div>
          </div>
        </div>-->
        <div class="form-group form-group-required">
          <label class="col-xs-24 col-sm-^^gutter-name control-label">是否签名</label>
          <div class="col-xs-24 col-sm-^^gutter-value">
            <div class="btn-group">
              <button type="button" class="btn" :class="(isSignature - 0) === 1 ? 'btn-primary' : 'btn-default'" :disabled="isLock" @click="isSignature = 1">是</button>
              <button type="button" class="btn" :class="(isSignature - 0) !== 1 ? 'btn-primary' : 'btn-default'" :disabled="isLock" @click="isSignature = 0">否</button>
            </div>
          </div>
        </div>
        <div class="form-group form-group-required">
          <label class="col-xs-24 col-sm-^^gutter-name control-label">创建测试户型</label>
          <div class="col-xs-24 col-sm-^^gutter-value">
            <div class="btn-group">
              <button type="button" class="btn" :class="(isCreateTestType - 0) === 1 ? 'btn-primary' : 'btn-default'" :disabled="isLock" @click="isCreateTestType = 1">是</button>
              <button type="button" class="btn" :class="(isCreateTestType - 0) !== 1 ? 'btn-primary' : 'btn-default'" :disabled="isLock" @click="isCreateTestType = 0">否</button>
            </div>
          </div>
        </div>
        <div class="form-group form-group-required">
          <label for="careerCounselorConfig" class="col-xs-24 col-sm-^^gutter-name control-label">置业顾问佣金配置</label>
          <div class="col-xs-24 col-sm-^^gutter-value">
            <div class="input-group">
              <div class="input-group-btn">
                <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" :disabled="isLock">{{ (careerCounselorModel - 0) === 1 ? '每套' : '百分比' }} <span class="caret"></span></button>
                <ul class="dropdown-menu">
                  <li><a href="#" @click="careerCounselorModel = 1">每套</a></li>
                  <li><a href="#" @click="careerCounselorModel = 0">百分比</a></li>
                </ul>
              </div>
              <input type="text" v-model="careerCounselorConfig" class="form-control" name="careerCounselorConfig" :disabled="isLock" autocomplete="off" :placeholder="(careerCounselorModel - 0) === 1 ? '金额' : '百分比'">
              <span class="input-group-addon">{{ (careerCounselorModel - 0) === 1 ? '￥' : '%' }}</span>
            </div>
          </div>
        </div>
        <div class="form-group form-group-required">
          <label for="brokerCommConfig" class="col-xs-24 col-sm-^^gutter-name control-label">独立经纪人配置</label>
          <div class="col-xs-24 col-sm-^^gutter-value">
            <div class="input-group">
              <div class="input-group-btn">
                <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" :disabled="isLock">{{ (brokerCommModel - 0) === 1 ? '每套' : '百分比' }} <span class="caret"></span></button>
                <ul class="dropdown-menu">
                  <li><a href="#" @click="brokerCommModel = 1">每套</a></li>
                  <li><a href="#" @click="brokerCommModel = 0">百分比</a></li>
                </ul>
              </div>
              <input type="text" v-model="brokerCommConfig" class="form-control" name="brokerCommConfig" :disabled="isLock" autocomplete="off" :placeholder="(brokerCommModel - 0) === 1 ? '金额' : '百分比'">
              <span class="input-group-addon">{{ (brokerCommModel - 0) === 1 ? '￥' : '%' }}</span>
            </div>
          </div>
        </div>
        <div class="form-group form-group-required">
          <label for="isView" class="col-xs-24 col-sm-^^gutter-name control-label">公众号是否显示</label>
          <div class="col-xs-24 col-sm-^^gutter-value">
            <div class="btn-group">
              <button type="button" class="btn" :class="(isView - 0) === 1 ? 'btn-primary' : 'btn-default'" :disabled="isLock" @click="isView = 1">显示</button>
              <button type="button" class="btn" :class="(isView - 0) !== 1 ? 'btn-primary' : 'btn-default'" :disabled="isLock" @click="isView = 0">隐藏</button>
            </div>
          </div>
        </div>
        <div class="form-group form-group-required">
          <label for="isQuickLock" class="col-xs-24 col-sm-^^gutter-name control-label">是否快捷锁屏</label>
          <div class="col-xs-24 col-sm-^^gutter-value">
            <div class="btn-group">
              <button type="button" class="btn" :class="(isQuickLock - 0) === 1 ? 'btn-primary' : 'btn-default'" :disabled="isLock" @click="isQuickLock = 1">是</button>
              <button type="button" class="btn" :class="(isQuickLock - 0) !== 1 ? 'btn-primary' : 'btn-default'" :disabled="isLock" @click="isQuickLock = 0">否</button>
            </div>
          </div>
        </div>
        <div class="form-group form-group-required" v-if='(isQuickLock - 0) === 1'>
          <label class="col-xs-24 col-sm-^^gutter-name control-label">上传快捷锁屏图片</label>
          <div class="col-xs-24 col-sm-^^gutter-value" ref='lockImgUploadContainer'>
            <div class="imgPreview-container" v-show='lockImgPreview'>
              <button class="btn btn-danger btn-sm imgPreview-close" type="button" @click='clearImgPreview'>删除</button>
              <img :src='lockImgPreview' class="imgPreview" @click='imgPreviewModal(lockImgPreview)'>
            </div>
            <div style="margin-bottom: 20px;">
              <input type="file" class="btn btn-default btn-block" :disabled="isLock || islockImgLock" autocomplete="off" name='lockImg' ref='lockImg' accept="image/gif,image/jpeg,image/x-png">
            </div>
            <div class="progress">
              <div id="progress-bar" class="progress-bar progress-bar-info progress-bar-striped active" style="min-width: 2em;" :style='{width: lockImgProgress + "%"}'>{{ lockImgProgress }}%</div>
            </div>
            <button type="button" class="btn btn-primary" :disabled="isLock || islockImgLock" ref='lockImgUploadBtn' @click='uploadLockImg'>{{ islockImgLock ? '上传中(' + lockImgProgress + '%)...' : '开始上传' }}</button>
          </div>
        </div>
        <div class="form-group form-group-required" v-if='(isQuickLock - 0) === 1'>
          <label for="lockTime" class="col-xs-24 col-sm-^^gutter-name control-label">空闲锁定时间</label>
          <div class="col-xs-24 col-sm-^^gutter-value">
            <select class="form-control" autofocus="off" v-model="lockTime" name="lockTime" :disabled="isLock" autocomplete="off">
              <option value=''>请选择</option>
              <option v-for="lockTime in lockTimeList" :value="lockTime">
                {{ lockTime }}分钟
              </option>
            </select>
          </div>
        </div>
       <!-- <div class="form-group form-group-required">
          <label for="isPayToDev" class="col-xs-24 col-sm-^^gutter-name control-label">是否付款给开发商</label>
          <div class="col-xs-24 col-sm-^^gutter-value">
            <div class="btn-group">
              <button type="button" class="btn" :class="(isPayToDev - 0) === 1 ? 'btn-primary' : 'btn-default'" :disabled="isLock" @click="isPayToDev = 1">是</button>
              <button type="button" class="btn" :class="(isPayToDev - 0) !== 1 ? 'btn-primary' : 'btn-default'" :disabled="isLock" @click="isPayToDev = 0">否</button>
            </div>
          </div>
        </div>-->
        <div class="form-group">
          <label for="templetId" class="col-xs-24 col-sm-^^gutter-name control-label">告知书模板</label>
          <div class="col-xs-24 col-sm-^^gutter-value">
            <select class="form-control" autofocus="off" v-model="templetId" name="templetId" :disabled="isLock" autocomplete="off">
              <option value=''>请选择</option>
              <option v-for="templetId in templetIdList" :value="templetId.idStr">
                {{ templetId.headStr }}
              </option>
            </select>
          </div>
        </div>
        <div class="form-group form-group-required">
          <label for="printNum" class="col-xs-24 col-sm-^^gutter-name control-label">告知书打印张数</label>
          <div class="col-xs-24 col-sm-^^gutter-value">
            <select class="form-control" autofocus="off" v-model="printNum" name="printNum" :disabled="isLock" autocomplete="off">
              <option value=''>请选择</option>
              <option value='1'>1张</option>
              <option value='2'>2张</option>
            </select>
          </div>
        </div>
        <div class="form-group form-group-required">
          <label for="ylTicketCount" class="col-xs-24 col-sm-^^gutter-name control-label">银联小票打印张数</label>
          <div class="col-xs-24 col-sm-^^gutter-value">
            <select class="form-control" autofocus="off" v-model="ylTicketCount" name="ylTicketCount" :disabled="isLock" autocomplete="off">
              <option value=''>请选择</option>
              <option value='1'>1张</option>
              <option value='2'>2张</option>
            </select>
          </div>
        </div>
        <div class="form-group form-group-required">
          <label for="posSignature" class="col-xs-24 col-sm-^^gutter-name control-label">POS小票是否签名</label>
          <div class="col-xs-24 col-sm-^^gutter-value">
            <div class="btn-group">
              <button type="button" class="btn" :class="(posSignature - 0) === 1 ? 'btn-primary' : 'btn-default'" :disabled="isLock" @click="posSignature = 1">是</button>
              <button type="button" class="btn" :class="(posSignature - 0) !== 1 ? 'btn-primary' : 'btn-default'" :disabled="isLock" @click="posSignature = 0">否</button>
            </div>
          </div>
        </div>
        <!-- <div class="form-group form-group-required">
          <label for="dropertyId" class="col-xs-24 col-sm-^^gutter-name control-label">楼盘户型图</label>
          <div class="col-xs-24 col-sm-^^gutter-value">
            <input type="file">
          </div>
          <div class="popover right">
            <div class="arrow"></div>
            <div class="popover-content">可以同时上传多张jpg,gif,png格式图片，例：***.png</div>
          </div>
        </div>
        <div class="form-group form-group-required">
          <label for="dropertyId" class="col-xs-24 col-sm-^^gutter-name control-label">楼盘规划图</label>
          <div class="col-xs-24 col-sm-^^gutter-value">
            <input type="file">
          </div>
        </div> -->
        <!-- <div class="form-group form-group-required">
          <label for="dropertyId" class="col-xs-24 col-sm-^^gutter-name control-label">购房合同</label>
          <div class="col-xs-24 col-sm-^^gutter-value">
            <input type="file">
          </div>
        </div>
        <div class="form-group form-group-required">
          <label for="dropertyId" class="col-xs-24 col-sm-^^gutter-name control-label">楼盘LOGO</label>
          <div class="col-xs-24 col-sm-^^gutter-value">
            <input type="file">
          </div>
        </div> -->
        <div class="form-group">
          <div class="col-xs-24 col-sm-offset-^^gutter-name col-sm-^^gutter-value">
            <button type="submit" class="btn btn-primary btn-h-llg" :disabled="isLock">提交</button>
          </div>
        </div>
      </form>
    </div>
  </div>
  @@include('footer.html')
</body>
<script src="^^static_url/js/vendor.js"></script>
<script src="https://gosspublic.alicdn.com/aliyun-oss-sdk.min.js"></script>
<script src="https://webapi.amap.com/maps?v=1.4.0&key=594b054bb8b564f526cc42c493fe1400"></script>
<script src="^^static_url/js/estateManage_add.js"></script>
</html>